<template>
	<page-loading :show='pageLoading'>
		<view class="header">
			<view v-if="!firstLoading" class="list">
				<view class="shopList flex flex-ai-c" v-for="(item,index) in list" :key='item.Id'>
					<view class="img">
						<image :src='item.store_Topimg'></image>
					</view>
					<view class="contenList">
						<view class="nameIcon">
							<text class="name">{{item.store_Name}}</text>
							<text class="authentication">门店认证</text>
							<i-icon class="icon" icon="iconbao_1" color="rgb(251,176,0)" size="30rpx"
								v-if="item.balance===1"></i-icon>
						</view>
						<view class="followTime">
							<view class="zy" v-if="item.isgover===1">自营</view>
							<text class="city">{{item.address}}</text>
							<view class="follow">
								<view :class="{'activation': activation === item.store_Id, 'btn': true}"
									@click="collect(item)">
									{{ item.follow === 0 ? '关注' : '已关注' }}
								</view>
							</view>
						</view>
					</view>

				</view>
				<u-loadmore :status="status" v-if="list.length >= 10" />
			</view>

			<default-img msg="暂无粉丝" :show="firstLoading"></default-img>
		</view>
	</page-loading>
</template>

<script src="./fans.js"></script>
<style lang="scss" scoped>
	@import './fans.scss';
</style>
